<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<% String path = request.getContextPath(); %>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="<%=path %>/jquery-easyui-1.4.5/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="<%=path %>/jquery-easyui-1.4.5/themes/icon.css">
	<script type="text/javascript" src="<%=path %>/jquery-easyui-1.4.5/jquery.min.js"></script>
	<script type="text/javascript" src="<%=path %>/jquery-easyui-1.4.5/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="<%=path %>/jquery-easyui-1.4.5/locale/easyui-lang-zh_CN.js"></script>
	<style type="text/css">
		* {
			margin:0px;
			padding:0px;
		}
	</style>
</head>
<body class="easyui-layout">
	<div data-options="region:'north',border:false" style="height:50px;background:#B3DFDA;padding:0px">
		<img alt="logo" width="" src="">
	</div>
	<div data-options="region:'west',split:true,title:'菜单'" style="width:150px;padding:0px;">
		<div class="easyui-accordion" style="width: 100%;border: 0px" >
			<div title="产品管理" data-options="iconCls:'icon-edit'" style="overflow:auto;padding:10px;">
				<p><a href="javascript:(0);" onclick="addTab('产品列表', 'products.jsp')">产品列表</a></p>
			</div>
			<div data-options="title:'系统管理',iconCls:'icon-edit'" style="overflow:auto;padding:10px;">
				<ul class="easyui-tree">
					<li>
						<span>根</span>
						<ul>
							<li>
								<span>子目錄</span>
								<ul>
									<li>同級目錄</li>
									<li>同級目錄</li>
									<li>同級目錄</li>
								</ul>
							</li>
						</ul>
					</li>
					<li><span>根(同級目錄)</span></li>					
				</ul>
			</div>
		</div>
	</div>
	<div data-options="region:'center'" style="border: 0px;">
		<div id="tabs" class="easyui-tabs" style="height: 100%;">
			<div title="主页" style="padding: 10px; background-color: #B3DFDA">
				
			</div>
		</div>
	</div>
	<div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">
		<div style="text-align: center">
     		Copyright &copy; 2016    <strong><a href="#" target="_blank">EasyUIStudy</a></strong>&nbsp;
    		<strong><a href="http://www.baidu.com/" target="_blank">ZhongYu</a></strong> All Rights Reserved. 备案号：赣ICP备88888666号-1
   		</div>
	</div>
	
	<script type="text/javascript">
		function addTab(title, url) {
			if($("#tabs").tabs("exists",title)){
				$("#tabs").tabs("select", title);
			}else{
				$("#tabs").tabs("add",{
					title: title,
					content: tabContent(url),
					border: false,
					closable: true
				})
			}
		}
		function tabContent(url) {
			return '<iframe scrolling="true" frameborder="0" src="' + url + '" style="width:100%;height:100%;"></iframe>';
		}
	</script>
</body>
</html>